<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
<title>滴滴视频平台-无相关视频</title>
<!-- Chang URLs to wherever Video.js files will be hosted -->
<link href="css/video-js.css" rel="stylesheet" type="text/css">
<link href="css/main.css" rel="stylesheet"  />

  <!-- video.js must be in the <head> for older IEs to work. -->
  <script src="js/video.js"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/all.js" type="text/javascript"></script>
<script src="js/kindeditor-min.js"></script>
<script src="js/emoticons.js"></script>
<script src="js/zh_CN.js"></script>
<script>
		var editor;
		KindEditor.ready(function(K) {
			editor = K.create('textarea[name="content"]', {
				resizeType : 0,
				allowPreviewEmoticons : false,
				allowImageUpload : false,
				items : ['emoticons']
			});
			
			
		});
</script>
<style>
	
</style>
</head>

<body>
<!--头部-->
<div class="header_Lbox">
	<div class="header_L">
    	<div class="logobox_L"><img src="img/logo.png" /></div>
        <div class="headerSeabox">
        	<input type="text" class="text" placeholder="搜索标签或关键字"/>
            <input type="button" class="btn"  value="搜索"/>
         </div>
         
         <div class="rightbox">
         	<a class="upload"> <i></i> <span>上传</span></a>
            <a class="user"> <img src="img/user01.png" /><span>张三</span></a>
            <span class="text">丨</span>
             <a class="esc"> <i></i> <span>退出</span></a>
         </div>
    </div>
</div>
<!--头部 end-->

<div class="mapbox_L">
	<a href="#">首页</a>
    <span>&gt;</span>
    <a href="#">事业部专区</a>
    <span>&gt;</span>
    <a href="#">滴产品知识培训</a>
    
</div>

<!--主题内容部分-->
<div class="mainbox_L">
	<div class="main_L playVideobox">
    	<!--主题头部内容-->
    	<div class="topbox">
        
        	<h1>滴滴打车的战略方向主题策略</h1>
            <div class="videobox" videolink ='video/01'>
                 <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="1004" height="613" data-setup="{}">
                <source src="video/01.mp4" type='video/mp4' />
                <source src="http://视频地址格式2.webm" type='video/webm' />
                <source src="http://视频地址格式3.ogv" type='video/ogg' />
                <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
                <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
            </video>
            </div>
            
            <!--简介-->
            <div class="videodata">
            	<h2>简介</h2>
                <h3>这是讲诉滴滴打车的战略合并</h3>
                <h4><b>标签：</b> <a>滴滴打车</a></h4>
                <div class="bottom">
                	<div class="left">
                    	<span class="playicon"><i></i> 238.0万</span>
                        <span class="useicon"><i></i> 238.0万</span>
                    </div>
                    <div class="right">
                    	<span>更新时间：2015-12-19   18:00</span>
                    </div>
                </div>
            </div>
            
        </div>
        
    	<!--主题左侧内容-->
    	<div class="leftbox">
        	
            
            <!--评论-->
            <div class="review">
            	<h2>评论 <span>0/300</span></h2>
               <div class="textareabox">
                	<textarea name="content" style="width:100%;height:200px;visibility:hidden;"></textarea>
                    <input type="button"  class="btn" value="发表评论" />
                </div>
                <!--<div class="bottom">
                	<span class="facebox"><i></i> 表情</span>
                    
                </div>-->
                
                <div class="reviewlistbox">
                	<h2><b><i></i>全部评论</b><span>(1)</span></h2>
                    <!--循环部分 评论list-->
                    <div class="reviewli">
                    	<h3>第一条</h3>
                         <img src="img/user02.png" />
                        <h4>Alice</h4>
                        <p>这个公布的正是时候啊这个公布的正是时候啊这个公布的正是时候啊这个公布的正是时候啊这个公布的正
的正是时候啊这个公布的正是时候啊</p>
						<h5>15分钟前
                        	<span class="icon01"> <i></i> 238.0万</span>
                        <span class="icon"> <i></i> 238.0万</span>
                        </h5>
                        
                        <div class="huifubox" style="">
                        	<div class="textareabox1">
                                <textarea name="content" style="width:100%;height:150px;visibility:hidden;"></textarea>
                                <input type="button"  class="btn" value="发表评论" />
                                <input type="button"  class="btn cannot" value="取消评论" />
                            </div>
                            
                            <div class="huifuli">
                            	<p class="text"><b>Alice</b> 这个公布的正是时候啊这个公布的正是时候啊这个公布的正是时候啊这个公布的正是时候啊这个
的正是时候啊这个公布的正是时</p>
								<p class="time">2016-04-16  11:20</p>		
                            </div>
                            
                            <div class="huifuli end">
                            	<p class="text"><b>Alice</b> 这个公布的正是时候啊这个公布的正是时候啊这个公布的正是时候啊这个公布的正是时候啊这个
的正是时候啊这个公布的正是时</p>
								<p class="time">2016-04-16  11:20</p>		
                            </div>
                        </div>
                       	 
                        
                    </div><!--循环部分 评论list-->
                    
                    <div class="reviewpagebox pagebox">
                    	<a href="#" class="first">&lt;&lt;</a>
                        <a href="#" class="pre">&lt;</a>
                        <a href="#" class="num onhere">1</a>
                        <a href="#" class="num">2</a>
                        <a href="#" class="num">3</a>
                        <span>...</span>
                        <a href="#" class="num">30</a>
                        <a href="#" class="next">&gt;</a>
                        <a href="#" class="last">&gt;&gt;</a>
                    </div>
                </div>
            </div>
            
        </div><!--主题左侧内容end-->
        	
        <!--主题右侧内容-->
        <div class="rightbox">
        	 <!--广告 -->
                <div class="right_banbox">
                	<img src="img/pic04.png" />
                </div>
                <!--广告 end-->
             <!--最新视频-->
             <div class="newVideobox">
             	<h2><i></i>最新视频</h2>
                
                <!--最新视频循环列表-->
                <div class="newVideoLi">
                	<a href="#"><img src="img/pic01.png" /></a>
                    <h3><a href="#">如何收集项目数据进行分析2</a></h3>
                    <h4>
                    	<span class="playicon"><i></i>238.0万</span>
                        <span class="useicon"><i></i>238.0万</span>
                    </h4>
                </div><!--最新视频循环列表 end-->
                
                <!--最新视频循环列表-->
                <div class="newVideoLi">
                	<a href="#"><img src="img/pic01.png" /></a>
                    <h3><a href="#">如何收集项目数据进行分析2</a></h3>
                    <h4>
                    	<span class="playicon"><i></i>238.0万</span>
                        <span class="useicon"><i></i>238.0万</span>
                    </h4>
                </div><!--最新视频循环列表 end-->
                
                <a href="#" class="more" title="查看更多"> <i></i></a>
                
             </div>
             <!--最新视频 end-->
             
             
        </div><!--主题右侧内容-->
        
    </div>
</div><!--主题内容部分 end-->
<script type="text/javascript">
//视频兼容ie8以下js
			var DEFAULT_VERSION = "8.0";
			var ua = navigator.userAgent.toLowerCase();
			var isIE = ua.indexOf("msie")>-1;
			var safariVersion;
			if(isIE){
				safariVersion =  ua.match(/msie ([\d.]+)/)[1];
			}
			if(safariVersion <= DEFAULT_VERSION ){
				//$('.videobox').parents('.Video').find('embed').remove();
				var videolink =  $('.videobox').eq(0).attr('videolink')				
				 $('#example_video_1').remove();
				var str = '<embed id="embed" src="'+videolink+'.swf' +'" allowfullscreen="true" quality="high" width="1004" height="613" align="middle" allowscriptaccess="always" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash">';
					 $('#example_video_1').remove();
					$('.videobox').html(str);
				 
			}else{
				var myPlayer = videojs('example_video_1');
					videojs("example_video_1").ready(function(){
						var myPlayer = this;
						myPlayer.play();
				});
				}
		
</script>
    
</body>
</html>
